<template>
    <!-- 页面头部 -->
    <page-header title="租币商城" class="shop-header" />
    <div class="shop-container">
        <!-- 用户信息与资讯卡片 -->
        <user-information />
        <!-- 4. 兑换商城 -->
        <rent-currency-exchange-mall />
    </div>
</template>

<script setup lang="ts">
import PageHeader from '@/components/PageHeader.vue'
import UserInformation from './components/UserInformation.vue'
import RentCurrencyExchangeMall from './components/RentCurrencyExchangeMall.vue'
</script>
<style scoped lang="scss">
.shop-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 87vh;
    background-color: #F0F3F3;
}
</style>
